<html>
<head>
	<title>Search Flight - H!Indonesia</title>
	<script type="text/javascript" src="script/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="script/plugins/jquery.tabify.js"></script>
	<script type="text/javascript" src="script/plugins/jquery.tipsy.js"></script>
	<script type="text/javascript" src="script/jquery-ui.js"></script>
	<script type="text/javascript" src="script/plugins/jquery.carouFredSel.js"></script>
	<script type="text/javascript" src="script/plugins/jquery.formatCurrency.js"></script>
	<script type="text/javascript" src="script/common.js"></script>
	<link rel="stylesheet" type="text/css" href="css/960.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/plugins/tipsy.css" />
	<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
	<script type="text/javascript">
		(function( $ ) {
			$.widget( "custom.combobox", {
				_create: function() {
					this.wrapper = $( "<span>" )
					.addClass( "custom-combobox" )
					.insertAfter( this.element );
					this.element.hide();
					this._createAutocomplete();
					this._createShowAllButton();
				},
				_createAutocomplete: function() {
					var selected = this.element.children( ":selected" ),
					value = selected.val() ? selected.text() : "";

					this.input = $( "<input>" )
						.appendTo( this.wrapper )
						.val( value )
						.attr( "title", "" )
						.addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
						.autocomplete({
							delay: 0,
							minLength: 0,
							source: $.proxy( this, "_source" )
						})
						.tooltip({
							tooltipClass: "ui-state-highlight"
						});

					this._on( this.input, {
						autocompleteselect: function( event, ui ) {
						ui.item.option.selected = true;
						this._trigger( "select", event, {
						item: ui.item.option
						});
					},

					autocompletechange: "_removeIfInvalid"
					});
				},
				_createShowAllButton: function() {
					var input = this.input,
					wasOpen = false;
					$( "<a>" )
						.attr( "tabIndex", -1 )
						//.attr( "title", "Show All Items" )
						//.tooltip()
						.appendTo( this.wrapper )
						.button({
							icons: {
								primary: "ui-icon-triangle-1-s"
							},
							text: false
						})
						.removeClass( "ui-corner-all" )
						.addClass( "custom-combobox-toggle ui-corner-right" )
						.mousedown(function() {
							wasOpen = input.autocomplete( "widget" ).is( ":visible" );
						})
						.click(function() {
							input.focus();
							// Close if already visible
							if ( wasOpen ) {
								return;
							}
							// Pass empty string as value to search for, displaying all results
							input.autocomplete( "search", "" );
						});
				},
				_source: function( request, response ) {
					var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
					response( this.element.children( "option" ).map(function() {
					var text = $( this ).text();
						if ( this.value && ( !request.term || matcher.test(text) ) )
							return {
								label: text,
								value: text,
								option: this
							};
					}) );
				},
				_removeIfInvalid: function( event, ui ) {
					// Selected an item, nothing to do
					if ( ui.item ) {
						return;
					}
					// Search for a match (case-insensitive)
					var value = this.input.val(),
					valueLowerCase = value.toLowerCase(),
					valid = false;
					this.element.children( "option" ).each(function() {
						if ( $( this ).text().toLowerCase() === valueLowerCase ) {
							this.selected = valid = true;
							return false;
						}
					});
					// Found a match, nothing to do
					if ( valid ) {
						return;
					}
					// Remove invalid value
					this.input
						.val( "" )
						// .attr( "title", value + " didn't match any item" )
						// .tooltip( "open" );
						this.element.val( "" );
						this._delay(function() {
							this.input.tooltip( "close" ).attr( "title", "" );
						}, 2500 );
						this.input.data( "ui-autocomplete" ).term = "";
				},
				_destroy: function() {
					this.wrapper.remove();
					this.element.show();
				}
			});
		})( jQuery );

		$.fn.carouFredSel.defaults.items.visible = 5;

		$(function(){
			$('#tab-flight').tabify();

			//hide return and set one way checked
	    	var $radios = $('input:radio[name="flight-tip"]');
	        if($radios.is(':checked') === false) {
	            $radios.filter('[value=one-way]').prop('checked', true);
	            $('#cont-return').hide();
	        }

    	    $('input:radio[name="flight-tip"]').click(function() {
    	        $value = $(this).val();
    	        if ( $value == "round-trip" ) {
    	            $('#cont-return').fadeIn(250)();
    	        } else {
    	            $('#cont-return').fadeOut(250);
    	        }
    	    });

    	    $(".tabs-content").hide();
    	    $(".tabs-content:first").show();
    	     
    	    $("ul.tabs-menu li").click(function () {
	    	    $("ul.tabs-menu li").removeClass("active");
	    	    $(this).addClass("active");
	    	    $(".tabs-content").hide();
	    	     
	    	    var index = $("ul.tabs-menu li").index(this);
	    	    // $('.tabs-content').eq(index).fadeIn(500);
	    	    $('.tabs-content').eq(index).css({opacity:"0", display: "block"}); 
	    	    $('#day-price-'+(index+1)).trigger('updateSizes');
	    	    $('.tabs-content').eq(index).css({opacity:"1", display: "none"}).fadeIn(500);
    	    });

			$('#day-price-1').carouFredSel({
				width: 550,
				align: "left",
				auto: false,
				circular: false,
				infinite: false,
				prev: '#prev-depart',
				next: '#next-depart'
			});
			
			$('#day-price-2').carouFredSel({
				width: 550,
				align: "left",
				auto: false,
				circular: false,
				infinite: false,
				prev: '#prev-return',
				next: '#next-return'
			});

			$('.depart .del, .return .del').click(function () {
				$dismiss = $(this).attr("data-dismiss");
				if ($dismiss == "depart"){
					$('.total-flight').remove().fadeOut(250);
				} 
				$('.' + $dismiss).remove().fadeOut(250);
			});

			/* jQuery UI */
			var progressbar = $( "#progress-bar" ),
			progressLabel = $( ".progress-label" );

			progressbar.progressbar({
				value: false,
				change: function() {
					progressLabel.text( "Searching... " + progressbar.progressbar( "value" ) + "%" );
				},
				complete: function() {
					$('.progress').fadeOut(250);
				}
			});

			function progress() {
				var val = progressbar.progressbar( "value" ) || 0;
				progressbar.progressbar( "value", val + 1 );
				if ( val < 99 ) {
					setTimeout( progress, 100 );
				}
			}

			setTimeout( progress, 3000 );

			$("#select-origin, #select-destination").combobox();
			
			$( "#depart" ).datepicker({
				setDate: +0,
				numberOfMonths: 3,
				minDate: 0,
				onClose: function( selectedDate ) {
					$( "#return" ).datepicker( "option", "minDate", selectedDate );
				}
			});
			$("#depart").datepicker("setDate", "+0");

			$( "#return" ).datepicker({
				setDate: +1,
				numberOfMonths: 3,
				minDate: 0,
				onClose: function( selectedDate ) {
					$( "#depart" ).datepicker( "option", "maxDate", selectedDate );
				}
			});
			$("#return").datepicker("setDate", "+1");

			$( "#slider-price" ).slider({
				range: "min",
				value: 3300000,
				min: 330000,
				max: 3300000,
				step: 100,
				slide: function( event, ui ) {
					$( "#up-price" ).text( ui.value );
					$( "#up-price" ).formatCurrency({
	               		symbol: 'IDR ',
						digitGroupSymbol: '.',
	               		roundToDecimalPlace: 0
	               });
				}
			});

			$( "#up-price" ).text( $( "#slider-price" ).slider( "value" ) );

			$( "#up-price" ).formatCurrency({
				symbol: 'IDR ',
				digitGroupSymbol: '.',
				roundToDecimalPlace: 0
			});

			$( "#slider-depart" ).slider({
				range: true,
				min: 1,
				max: 24,
				values: [ 1, 24 ],
				slide: function( event, ui ) {
					$( ".take-off-time" ).text( ui.values[ 0 ] + ":00 - " + ui.values[ 1 ] + ":00");	
				}
			});

			$( ".take-off-time" ).text( $( "#slider-depart" ).slider( "values", 0 ) + ":00 - " + $( "#slider-depart" ).slider( "values", 1 ) + ":00");
		});
	</script>
</head>
<body>
	<div class="container_24">
		<header>
			<div class="header-wrapper clearfix">
				<div id="top-bar" class="grid_24">
					<div class="login-box">
						<span class="sign-up-left">
							<a href="#">Sign Up</a>
						</span>
						<span class="separate-or">
						or
						</span>
						<span class="sign-in-right">
							<a href="#">Log In</a>
						</span>
					</div>
					<div class="search-box">
						<button class="search-trigger"></button>
						<input type="text" id="search-keyword" placeholder="search">
					</div>
				</div>
				<div id="site-logo" class="grid_7">
					<a href="#">
						<img src="img/assets/logo.png" alt="H!Indonesia | Online Tourism Information and Booking Ticket"> 
					</a>
				</div>
				<nav id="top-nav" class="grid_17">
					<ul id="menu">
						<li><a href="#">home</a></li>
						<li class="drop"><a href="#">book</a>
							<ul>
								<li><a href="#">flight</a></li>
								<li><a href="#">hotel</a></li>
							</ul>
						</li>
						<li><a href="#">plan</a></li>
						<li><a href="#">explore</a></li>
						<li><a href="#">news</a></li>
						<li><a href="#">travel notes</a></li>
						<li><a href="#">travel guide</a></li>
						<li><a href="#">faq</a></li>
						<li><a href="#">about us</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<section class="sidebar-left grid_8">
			<div class="flight-left">
				<div class="search-flight">
					<form autocomplete="off">
						<h2>Search Details</h2>
						<ul>
							<li>
								<input type="radio" name="flight-tip" id="one-way" value="one-way"><label for="one-way">One Way</label>
							</li>
							<li>
								<input type="radio" name="flight-tip" id="round-trip" value="round-trip"><label for="round-trip">Round Trip</label>
							</li>
						</ul>
						<div class="cols">
							<label for="from">From</label>
							<select id="select-origin" class="large">
								<option value="CGK">Jakarta - CGK</option>
								<option value="BPN">BalikPapan - BPN</option>
								<option value="BTJ">Banda Aceh - BTJ</option>
								<option value="BDO">Bandung - BDO</option>
							</select>
						</div>
						<div class="cols">
							<label for="to">To</label>
							<select id="select-destination" class="large">
								<option value="DPS">Denpasar - DPS</option>
								<option value="BPN">BalikPapan - BPN</option>
								<option value="BTJ">Banda Aceh - BTJ</option>
								<option value="BDO">Bandung - BDO</option>
							</select>
						</div>
						<div class="cols">
							<label for="depart">Departing</label><br>
							<input type="text" id="depart" name="depart" class="datepicker">
						</div>
						<div id="cont-return" class="cols">
							<label for="return">Returning</label><br>
							<input type="text" id="return" name="return" class="datepicker">
						</div>
						<div class="cols">
							<div class="passenger">
								<label for="adult">Adult</label>
								<select name="adult" id="adult">
					            	<option selected="selected" value="1">1</option>
			                    	<option value="2">2</option>
			                    	<option value="3">3</option>
			                    	<option value="4">4</option>
			        			</select>
			        		</div>
			        		<div class="passenger">
								<label for="child">Child <sub>(2-12 yrs)</sub></label>
								<select name="child" id="child">
			       	            	<option selected="selected" value="0">0</option>
			                    	<option value="1">1</option>
			                    	<option value="2">2</option>
			                    	<option value="3">3</option>
			                    	<option value="4">4</option>
			        			</select>
			        		</div>
		        			<div class="passenger">
								<label for="infant">Infant <sub>(<2 yrs)</sub></label>
								<select name="infant" id="infant">
			       	            	<option selected="selected" value="0">0</option>
			                    	<option value="1">1</option>
			                    	<option value="2">2</option>
			                    	<option value="3">3</option>
			                    	<option value="4">4</option>
			        			</select>
			        		</div>
						</div>
						<div class="cols clearfix">
							<input type="submit" value="Search" class="button"> 
						</div>
					</form>
				</div>
				<div class="filter-results">
					<h2>Filter Results</h2>
					<div class="cols">
						<h5>Price</h5>
						<div class="slider-wrapper">
							<div id="slider-price" class="slider"></div>
						</div>
						<div class="price-limit">IDR 330.000 - <span id="up-price"></span></div>
					</div>
					<hr>
					<div class="cols">
						<h5>Take Off</h5>
						<ul class="depart-time">
							<li>Morning</li>
							<li>Noon</li>
							<li>Evening</li>
						</ul>
						<div class="slider-wrapper">
							<div id="slider-depart" class="slider"></div>
						</div>
						<div class="take-off-time"></div>
					</div>
					<hr>
					<div class="cols clearfix">
						<h5>Airlines</h5>
						<ul class="filter-list">
							<li>
								<label><input type="checkbox" id="check-merpati" checked="checked"> Merpati <span rel="1269400" class="currency">IDR 1.269.400,00</span></label>
							</li>
							<li>
								<label><input type="checkbox" id="check-lion" checked="checked"> Lion <span rel="478000" class="currency">IDR 478.000,00</span></label>
							</li>
							<li>
								<label><input type="checkbox" id="check-garuda" checked="checked"> Garuda <span rel="854200" class="currency">IDR 854.200,00</span></label>
							</li>
							<li>
								<label><input type="checkbox" id="check-citilink" checked="checked"> Citilink <span rel="516500" class="currency">IDR 516.500,00</span></label>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<section class="main-content grid_16">
			<div class="flight-detail">
				<div class="head-search-flight">
					<h1><strong class="count">8</strong> Flights <strong>BDO</strong> <span>(Bandung, Jawa Barat)</span> to <strong>DPS</strong> <span>(Denpasar, Bali)</span></h1>
					<ul class="clearfix">
						<li class="flight-date"><i class="icon-calendar"></i>06 August 2013 - 24 August 2013</li>
						<li class="flight-person"><i class="icon-user"></i>1 Adult</li>
						<li class="flight-trip"><i class="icon-briefcase"></i>Round Trip</li>
						<li class="flight-class"><i class="icon-plane"></i>All Classes</li>
					</ul>
				</div>
				<div class="alert default">
					<button data-dismiss="alert" class="close">x</button>
					<strong>Default alert box!</strong> This is default style. Nothing special to see.
				</div>
				<div class="alert alert-error">
					<button data-dismiss="alert" class="close">x</button>
					<strong>Error alert box!</strong> Nice red alert when something goes wrong.
				</div>
				<div class="alert alert-success">
					<button data-dismiss="alert" class="close">x</button>
					<strong>Success alert box!</strong> If you play nice, you will see this one.
				</div>
				<div class="alert alert-info">
					<button data-dismiss="alert" class="close">x</button>
					<strong>Info alert box!</strong> Also a blue one for tips and info highlights.
				</div>
				<div class="wrap-flight-detail">
					<div class="depart">
						<div class="head-depart">
							<img src="img/static/aa.gif" alt=""/>
							<span class="in">Depart Flight</span>
							 &#8226; Mon, 6 May 2013
							<span class="del" tooltip="Cancel" data-dismiss="depart">
								<a href="#">delete</a>
							</span>
						</div>
						<div class="detail-depart">
							<ul class="clearfix">
								<li><span class="plane-code">JT-152</span></li>
								<li>
									<strong class="single">CGK</strong>
									<img src="img/icons/icon-flight-big.png" alt="to">
									<strong>SIN</strong>
								</li>
								<li class="date">
									<strong>06:15 - 09:00</strong>
									<span>1 Hour 45 Minutes</span>
								</li>
								<li class="price">
									<strong class="currency" rel="400000">IDR 400.000,00</strong>
									<span>per person</span>
								</li>
							</ul>
							<p class="place"><i class="icon-map-marker"></i>SOEKARNO-HATTA, DKI Jakarta (CGK) <img src="img/icons/icon-arrow-to.png" alt="to"> SINGAPORE,  (SIN)</p>
							<p class="user"><i class="icon-user"></i>1 Adult x <span class="currency" rel="400000">IDR 400.000,00</span></p>
						</div>
					</div>
					<!-- <div class="return">
						<div class="head-return">
							<img src="img/static/aa.gif" alt=""/>
							<span class="out">Return Flight</span>
							 &#8226; Mon, 6 May 2013
							<span class="del" tooltip="Cancel" data-dismiss="return">
							 	<a href="#">delete</a>
							</span>
						</div>
						<div class="detail-return">
							<ul class="clearfix">
								<li><span class="plane-code">JT-152</span></li>
								<li>
									<strong class="single">CGK</strong>
									<img src="img/icons/icon-flight-big.png" alt="to">
									<strong>SIN</strong>
								</li>
								<li class="date">
									<strong>06:15 - 09:00</strong>
									<span>1 Hour 45 Minutes</span>
								</li>
								<li class="price">
									<strong class="currency" rel="400000">IDR 400.000,00</strong>
									<span>per person</span>
								</li>
							</ul>
							<p class="place"><i class="icon-map-marker"></i>SOEKARNO-HATTA, DKI Jakarta (CGK) <img src="img/icons/icon-arrow-to.png" alt="to"> SINGAPORE,  (SIN)</p>
							<p class="user"><i class="icon-user"></i>1 Adult x <span class="currency" rel="400000">IDR 400.000,00</span></p>
						</div>
					</div> -->
					<div class="total-flight">
						<div class="wrap-total">
		                    <span class="tot">TOTAL <em><sup>*</sup>Before tax &amp; service charge</em></span> 
		                    <strong class="price"><span class="currency" rel="800000">IDR 800.000,00</span></strong>
		                    <a href="#" class="button blue"><i class="icon-ok"></i>Book Now</a>
		                </div>
					</div>
				</div>
				<div class="progress clearfix">
					<div id="progress-bar"></div>
					<div class="progress-label">Loading...</div>
				</div>
				<div class="flight-search">
					<ul id="tab-flight" class="tabs-menu clearfix">
		                <li class="active">
		                	<a href="#flight-depart">Depart <strong>CGK</strong><img src="img/icons/icon-plane-small.png" alt="flight"><strong>SIN</strong></a>
		                </li>
		                <li>
		                	<a href="#flight-return">Return <strong>SIN</strong><img src="img/icons/icon-plane-small.png" alt="flight"><strong>CGK</strong></a>
		                </li>
		                <li>
		                	<a href="#recent-search">Recent Search <span class="recent-count">4</span></a>
		                </li>
		            </ul>
		            <div class="flight-content">
						<div id="flight-depart" class="tabs-content clearfix">
							<div id="slider-gallery" class="slide-menu clearfix">
								<div><a id="prev-depart" class="prev nav" href="#">Previous</a></div>
								<div class="day-slide">
									<ul id="day-price-1">
	                					<li>
	                						<a title="Thu, 01 Aug 2013" href="#">
												<h4>Thu, 01 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 02 Aug 2013" href="#">
												<h4>Thu, 02 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li class="active">
	                						<a title="Thu, 03 Aug 2013" href="#">
												<h4>Thu, 03 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 04 Aug 2013" href="#">
												<h4>Thu, 04 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 05 Aug 2013" href="#">
												<h4>Thu, 05 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 06 Aug 2013" href="#">
												<h4>Thu, 06 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 07 Aug 2013" href="#">
												<h4>Thu, 07 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
									</ul>
								</div>
								<div><a id="next-depart" class="next nav" href="#">Next</a></div>
							</div>
							<div class="flight-schedule clearfix">
								<table class="table">
			                        <thead>
			                            <tr>
			                                <th>
			                                    <a href="#">Flights</a>
			                                </th>
			                                <th>
			                                    <a href="#">Depart</a>
			                                </th>
			                                <th>
			                                    <a href="#">Arrive</a>
			                                </th>
			                                <th>
			                                    <a href="#">Duration</a>
			                                </th>
			                                <th>
			                                    <a href="#">Via</a>
			                                </th>
			                                <th colspan="2">
			                                    <a href="#">Price</a>
			                                </th>
			                            </tr>
			                        </thead>
			                        <tbody>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                	<a tooltip="CGK - SIN (18:15 - 21:00)">Direct</a>
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                   <a tooltip="CGK - SIN (18:15 - 21:00)">Direct</a>
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    <a tooltip="CGK - SIN (18:15 - 21:00)">Direct</a>
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    <a tooltip="CGK - SIN (18:15 - 21:00)">Direct</a>
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                   <a tooltip="CGK - SIN (18:15 - 21:00)">Direct</a>
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    <a tooltip="CGK - SIN (18:15 - 21:00)">Direct</a>
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                        </tbody>
		                    	</table>
	                    	</div>
						</div>
						<div id="flight-return" class="tabs-content clearfix">
							<div id="slider-gallery" class="slide-menu clearfix">
								<div><a id="prev-return" class="prev nav" href="#">Previous</a></div>
								<div class="day-slide">
									<ul id="day-price-2">
	                					<li>
	                						<a title="Thu, 01 Aug 2013" href="#">
												<h4>Thu, 01 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 02 Aug 2013" href="#">
												<h4>Thu, 02 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 03 Aug 2013" href="#">
												<h4>Thu, 03 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 04 Aug 2013" href="#">
												<h4>Thu, 04 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li class="active">
	                						<a title="Thu, 05 Aug 2013" href="#">
												<h4>Thu, 05 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 06 Aug 2013" href="#">
												<h4>Thu, 06 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
										<li>
	                						<a title="Thu, 07 Aug 2013" href="#">
												<h4>Thu, 07 Aug 2013</h4>
												<p data-price="962000"><em>from</em> <span rel="637500" class="currency">IDR 637.500,00</span></p>
											</a>
										</li>
									</ul>
								</div>
								<div><a id="next-return" class="next nav" href="#">Next</a></div>
							</div>
							<div class="flight-schedule clearfix">
								<table class="table">
			                        <thead>
			                            <tr>
			                                <th>
			                                    <a href="#">Flights</a>
			                                </th>
			                                <th>
			                                    <a href="#">Depart</a>
			                                </th>
			                                <th>
			                                    <a href="#">Arrive</a>
			                                </th>
			                                <th>
			                                    <a href="#">Duration</a>
			                                </th>
			                                <th>
			                                    <a href="#">Via</a>
			                                </th>
			                                <th colspan="2">
			                                    <a href="#">Price</a>
			                                </th>
			                            </tr>
			                        </thead>
			                        <tbody>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    Direct
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 1.478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    Direct
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    Direct
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    Direct
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    Direct
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                    <span class="flight-code">QZ7912</span>
			                                </td>
			                                <td class="depart-time">
			                                    18:15
			                                </td>
			                                <td class="arrive-time">
			                                    21:00
			                                </td>
			                                <td class="duration">
			                                    1 h 45 m
			                                </td>
			                                <td class="via">
			                                    Direct
			                                </td>
			                                <td class="price">
			                                    <span rel="478000" class="currency">IDR 478.000,00</span>
			                                    <em>per person</em>
			                                </td>
			                                <td class="selector">
			                                    <a class="small" href="#">Select</a>
			                                </td>
			                            </tr>
			                        </tbody>
		                    	</table>
	                    	</div>
						</div>
						<div id="recent-search" class="tabs-content clearfix">
							<div class="header-recent">
								<h3>Your latest Flight Search / Round Trip package will be saved here. You can search another flights combination to compare the price.</h3>
								<a href="#" class="button">Choose another flight</a>
							</div>
							<div class="flight-recent-search clearfix">
								<table class="table">
			                        <thead>
			                            <tr>
			                                <th>
			                                   Flights
			                                </th>
			                                <th>
			                                   Destination
			                                </th>
			                                <th>
			                                    Price
			                                </th>
			                            </tr>
			                        </thead>
			                        <tbody>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                </td>
			                                <td class="destination">
			                                	<strong>Jakarta <img alt="to" src="img/icons/icon-arrow-to.png"> Denpasar, Bali</strong> &#8226; One Way <br>
			                                	<span>13 May 2013</span>
			                                </td>
			                                <td class="selector">
			                                	<div class="price">
													<span rel="478000" class="currency">IDR 478.000,00</span>
													<em>per person</em>
			                                	</div>
			                                	<div class="remove-view">
			                                		<a href="#" class="remove-recent" title="remove"><i class="icon-trash"></i>Remove</a>
			                                    	<a class="small" href="#">View</a>
			                                	</div>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                </td>
			                                <td class="destination">
			                                	<strong>Jakarta <img alt="to" src="img/icons/icon-arrow-to.png"> Denpasar, Bali</strong> &#8226; One Way <br>
			                                	<span>13 May 2013</span>
			                                </td>
			                                <td class="selector">
			                                	<div class="price">
													<span rel="478000" class="currency">IDR 478.000,00</span>
													<em>per person</em>
			                                	</div>
			                                	<div class="remove-view">
			                                		<a href="#" class="remove-recent" title="remove"><i class="icon-trash"></i>Remove</a>
			                                    	<a class="small" href="#">View</a>
			                                	</div>
			                                </td>
			                            </tr>
			                            <tr>
			                                <td class="vendor-logo">
			                                    <img alt="Air Asia" src="img/static/aa.gif">
			                                </td>
			                                <td class="destination">
			                                	<strong>Jakarta <img alt="to" src="img/icons/icon-arrow-to.png"> Denpasar, Bali</strong> &#8226; One Way <br>
			                                	<span>13 May 2013</span>
			                                </td>
			                                <td class="selector">
			                                	<div class="price">
													<span rel="478000" class="currency">IDR 478.000,00</span>
													<em>per person</em>
			                                	</div>
			                                	<div class="remove-view">
			                                		<a href="#" class="remove-recent" title="remove"><i class="icon-trash"></i>Remove</a>
			                                    	<a class="small" href="#">View</a>
			                                	</div>
			                                </td>
			                            </tr>
			                        </tbody>
		                    	</table>
	                    	</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<nav class="clearfix">
				<ul class="bottom-nav grid_24">
		          <li><a href="#">About Us</a></li>
		          <li><a href="#">FAQ</a></li>
		          <li><a href="#">Contact Us</a></li>
		          <li><a href="#">Jobs</a></li>
		          <li><a href="#">Our Partner</a></li>
		          <li><a href="#">Press</a></li>
		        </ul>
	        </nav>
	        <section class="footer">
	        	<div class="footer-wrapper clearfix">
		        	<div class="footer-left grid_12">
		        		<ul>
		        			<li><a href="#">Terms of service</a></li>
		        			<li><a href="#">Privacy</a></li>
		        			<li><a href="#">Feedback & support</a></li>
		        		</ul>
		        		<div class="copyright">
		        			&copy; 2013 Hi-Indonesia. All rights reserved.
		        		</div>
		        	</div>
		        	<div class="footer-right grid_12">
		        		<ul>
		        			<li><a href="#">English</a></li>
		        			<li><a href="#">Bahasa</a></li>
		        		</ul>
		        	</div>
	        	</div>
	        </section>
		</footer>
	</div> 
</body>
</html>